<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>易掌店</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

		<!-- boots		
		trap & fontawesome -->
		<link rel="stylesheet" href="../../assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="../../assets/icon/style.css" />

		<!-- page specific plugin styles -->

		<!-- text fonts -->
		<link rel="stylesheet" href="../../assets/css/fonts.googleapis.com.css" />

		<!-- ace styles -->
		<link rel="stylesheet" href="../../assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
		<![endif]-->
		<link rel="stylesheet" href="../../assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="../../assets/css/ace-rtl.min.css" />

		<!--[if lte IE 9]>
		<link rel="stylesheet" href="../../assets/css/ace-ie.min.css"/>
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- ace settings handler -->
		<script src="../../assets/js/ace-extra.min.js"></script>

		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

		<!--[if lte IE 8]>
		<script src="../../assets/js/html5shiv.min.js"></script>
		<script src="../../assets/js/respond.min.js"></script>
		<![endif]-->

		<!--<link rel="stylesheet" href="../styles/index/index.scss/index.css">-->

		<!--
        	待定时发送
       -->

		<link rel="stylesheet" type="text/css" href="../../styles/shop/zonghe1.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/shop/bianjiduanxin.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/shop/moban.css" />
		<link rel="stylesheet" type="text/css" href="../../styles/shop/msg.css" />
		<style type="text/css">
			.tab {
				display: none;
			}
			
			.active-tab {
				display: block;
			}
		</style>
	</head>

	<body class="no-skin">
		<div id="navbar" class="navbar navbar-default ace-save-state">
			<div class="navbar-container ace-save-state" id="navbar-container">
				<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
					<span class="sr-only">Toggle sidebar</span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>

					<span class="icon-bar"></span>
				</button>

				<div class="navbar-header pull-left">
					<a href="index.html" class="navbar-brand">
						<i class="fa fa-shopping-bag nav-height64"></i>
						<small class="nav-header-large-label">易掌店</small> <small class="nav-header-small-label">小门店 大生意</small>
					</a>
				</div>

				<div class="navbar-buttons navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav padding-tb10">
						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-repeat nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-envelope icon-animated-bell nav-height64"></i>
								<span class="badge badge-pink">8</span>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon glyphicon glyphicon-user nav-height64"></i>
							</a>
						</li>

						<li class="transparent nav-height64 no-border">
							<a href="#">
								<i class="ace-icon fa fa-circle-o-notch nav-height64"></i>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<!-- /.navbar-container -->
		</div>

		<div class="main-container ace-save-state" id="main-container">
			<script type="text/javascript">
				try {
					ace.settings.loadState('main-container')
				} catch(e) {}
			</script>

			<div id="sidebar" class="sidebar responsive ace-save-state">
				<script type="text/javascript">
					try {
						ace.settings.loadState('sidebar')
					} catch(e) {}
				</script>

				<div class="nav-aside padding-left5">
					<div class="nav-aside-header">
						<a href="#" class="pull-left font-size20">
							<i class="fa fa-home"></i>
						</a>
						<span>2016年12月01日 星期六</span>
						<a href="#" class="pull-right font-size18 sidebar-collapse">
							<i class="fa fa-navicon"></i>
						</a>
					</div>
					<div class="row-with-shop-icon">
						<div class="icon-left"></div>
						<div class="content-right">
							<h2>易掌便利店</h2>
							<p><i class="icomoon-The-shop-assistant"></i><em>张亮</em><i class="icomoon-male"></i></p>
							<p><i class="icomoon-view"></i><time>2016-11-17 12:00</time></p>
							<div class="yzd-button">交班</div>
						</div>
					</div>
					<div class="nav-aside-menus">
						<ol class="yzd-left-menu-bg-row">
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-money"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div>收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-car"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-People"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
							<li>
								<div class="yzd-bg-wraper">
									<i class="icomoon-shop"></i>
								</div>
								<div class="container-fluid menu-container">
									<div class="row one-col">
										<div class="col-xs-12">收银</div>
									</div>
									<div class="row two-col">
										<div class="col-xs-6 left-col">支出</div>
										<div class="col-xs-6 right-col">
											<p>应收</p>
											<p>应付</p>
										</div>
									</div>
								</div>
							</li>
						</ol>
					</div>
					<div class="nav-aside-menus">
						<div class="row-with-show-calendar">
							<span class="yzd-high-light-label">店庆日</span>
							<time class="ydz-shop-time">2月20日 星期日</time>
							<span class="ydz-shop-calendar">
								<i class="icomoon-editor"></i>
								<span class="ringing-bell"><span class="ringing-bell-badge">9</span><span class="icomoon-bell"></span></span>
							</span>
						</div>
					</div>
					<div class="row-with-balance">
						<div class="row-balance-left">
							<h2 class="balance-amount">88828.99</h2>
							<p class="balance-label">本月支出</p>
						</div>
						<div class="row-balance-right raise-arrow"></div>
					</div>
					<div class="help-btns">
						<span class="help-center">
							帮助中心
						</span>
						<span class="icomoon-radio"></span>
						<span class="icomoon-teasing"></span>
						<span class="icomoon-mysterious"></span>
					</div>
					<div class="shop-radio">
						<i class="icomoon-radio"></i>
						<span class="shop-radio-content">今天店里销量最好的商品是</span>
					</div>
					<div class="nav-aside-footer"></div>
				</div>
			</div>

			<div class="main-content">
				<div class="main-content-inner" id="recent-box">

					<div class="breadcrumbs ace-save-state breadcrumbs-fixed" id="breadcrumbs">
						<div class="widget-header transparent no-padding-left">
							<a class="pull-left icon-arrow-right" id="moreTab">
								<i class="ace-icon fa fa-angle-left bigger"></i>
							</a>
							<div class="widget-toolbar no-border pull-left no-padding-left">
								<ul class="nav nav-tabs" id="recent-tab">
									<li class="active">
										<a data-toggle="tab" href="#tab-index">首页</a>
									</li>
									<li>
										<a data-toggle="tab" href="#tab-settings">设置</a>
									</li>
								</ul>
							</div>
						</div>
					</div>

					<div class="page-content">
						<div class="widget-body">
							<div class="widget-main no-padding">
								<div class="tab-content no-padding" id="tab-content">
									<div id="tab-index" class="tab-pane active">
										<!-- 从这开始 -->
										<div class="dai">
											<div class="xitotongzhi">
												<span>
                                        			系统通知：
                                        		</span> 在这里您可以管理您的营销短信。您可以通过筛选搜索来选定您要进行营销的对象会员，还可以设定直接发送或定时发送
												<a href="#">不再提醒</a>
											</div>
											<div class="nav">
												<ul class="nav nav-tabs padding-18 tab-size-bigger nav-duanxin">
													<li class="active">
														<a data-toggle="tab" href="#faq-tab-1">
															编写短信
														</a>
													</li>

													<li>
														<a data-toggle="tab" href="#faq-tab-2">
															待定时发送
														</a>
													</li>

													<li>
														<a data-toggle="tab" href="#faq-tab-3">
															已发送
														</a>
													</li>
													<li id="nav-imgs">
														<img src="../../images/shop/gushi.png" class="firstImg">
														<img src='../../images/shop/shezhi.png'>
													</li>
												</ul>
											</div>
										</div>
										<!--编辑短信-->
										<div class="tab_di tab active-tab">
											<div class="goumai">
												<span>
														您当前账号剩余短信条数<a>888</a>条
													</span>
												<button>
														购买短信
													</button>
											</div>
											<div class="bian-fen">
												<span>
												   	   	         短信编辑区
												   	   </span>
												<span>
												   	   	           已收藏短信模板
												   	   </span>
											</div>
											<div class="left-bian">
												<div>
													<div>
														<span class="fa-bian">
												   			发送对象:
												   		</span>
														<div class="tags">
															<span class="tag">小王 
																<button type="button" class="close">×</button>
															</span>
															<span class="tag">小王<button type="button" class="close">×</button>
																
															</span><input type="text" name="tags" id="form-field-tags" value="Tag Input Control" placeholder="Enter tags ..." style="display: none;">

														</div>
														<a href="#" class="btn btn-app btn-primary no-radius">

															选择会员
														</a>
													</div>
													<div class="fa-bian" style="float: left;">
														短信内容 :
													</div>
													<div>
														<textarea name="content" data-provide="markdown" data-iconlibrary="fa" rows="10" class="md-input" style="resize: none;">请在这里输入短信内容……
															     
												   		    </textarea>
													</div>

														<div class="nav-ce">
															<ul class="ce-nav">
																<li><img src="../../images/shop/baixin.png" /></li>
																<li><img src="../../images/shop/fu.png" /></li>
																<li><img src="../../images/shop/shan.png" /></li>
																<li><img src="../../images/shop/shou.png" /></li>
																<li><img src="../../images/shop/youhui.png" /></li>
															</ul>
															<div class="cont-p">
															<p style="top: 3px;">已收藏的</p>
															<p style="top: 54px;">祝福短信模板</p>
															<p style="top: 104px;">营销短信模板</p>
															<p style="top: 154px;">易掌店短信模板</p>
															<p style="top: 204px;" class="active-ce">发放优惠劵短信</p>
														</div>
														</div>
													
													<div style="clear: both;"></div>
													<div class="qian-bian">
														<p>
															当前还可以输入
															<a>58</a>个字 按
															<a>1</a>条计费
															<img src="../../images/shop/1w.png" style="width:6%;" class="w" />
															<span class="wntan">
																	问题
																   </span>
														</p>
														<p class="qian">
												   		    	 	短信签名：
												   		    	 	<input type="text" name="" id="" placeholder="请输入2-8个字符" />
												   		    	 	<img src="../../images/shop/1w.png" style="width:6%;" class="w"/>
												   		    	 	<span class="wntan1">
																	问题
																   </span>
												   		</p>
													</div>
													<script src="../../assets/js/jquery-1.11.3.min.js"></script>                                                    	<script type="text/javascript">
													   //问号显示内容
														     $(".w").on('mouseover',function(){
														     	//console.log($(".w"))
														     	$(this).next().css({
														     		display:"block"
														     	})
														     })
														      $(".w").on('mouseout',function(){
														     	$(this).next().css({
														     		display:"none"
														     	})
														     })
												</script>
												</div>
												<div style="margin-top:20px;padding-top: 10px;">
													<div style="width:100%;">
														<span class="fa-bian" style="float: left;">
												   			      发送时间:
												   		    </span>
														<label style="float: left;">
														<input name="switch-field-1" class="ace ace-switch ace-switch-4 btn-empty" type="checkbox">
														<span class="lbl"></span>
													</label>
													</div>
													<div class="input-group" style="float: right;width:70%;">

														<input class="form-control input-mask-product" type="text" id="form-field-mask-3" placeholder="2017-01-08">
														<span><input type="text" placeholder="28"  class="bootstrap-timepicker-hour" maxlength="2" style="width: 25px;height: 20px;margin-left: 5px;margin-right: 2px;"></span>
														<span class="separator">:</span>
														<span><input type="text" placeholder="01"  class="bootstrap-timepicker-minute" maxlength="2"  style="width: 25px;height: 20px;margin-left: 2px;"></span>
														<b style="color:#CCCCCC; font-size:400;margin-left:10px;">请选择发送时间：15天内，09:00~18:00）</b>
													</div>
												</div>

												<div class="lable-bian">
													<label>
															<input name="form-field-checkbox" type="checkbox" class="ace">
															<span class="lbl">我已阅读并同意
																<a href="#">
																	《短信发送条》
																</a>
															</span>
													    </label>
													<button type="button" class="btn btn-white btn-primary">收藏至模板</button>
													<a href="#" class="btn btn-app btn-primary no-radius">
														发送
													</a>
												</div>
											</div>
											<div class="right-bian">
												<img src="../../images/shop/bg-bian.png" style="width:120%;" />
											</div>
											<div style="clear: both;">

											</div>
										</div>

										<!--待定发送-->
										<div class="buy-msg tab">

											<!--tab-->
											<table class='msg-tab  table-hover'>
												<thead>
													<tr class="tab-header dage">

														<th class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace"id="cb_grid-table" class="cbox" >
															<span class="lbl"></span>
														</label>
														</th>
														<th>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</th>
														<th>
															<span>发送时间</span>
														</th>
														<th>
															<span>发送对象</span>
														</th>
														<th>
															<span>短信内容</span>
														</th>
														<th class="under1">
															<span>创建时间</span>
														</th>
														<th>
															<span>操作</span>
														</th>
													</tr>
												</thead>
												<!--class="xiaodi"-->
												<tbody class="xiaodi">
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td>
															<input type='checkbox'>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under1">2016-11-21 22:00:00</td>
														<td class="low">立即发送</td>
													</tr>
												</tbody>
											</table>
											<!--footer-->
											<div class="dataTables_length" id="dynamic-table_length" style='background-color:#ffffff; display:inline-block'>
												<lable><span>共三条，每页显示</span>
													<select name="dynamic-table_length" class="form-control input-sm" aria-controls="dynamic-table">
														<option value="10">10</option>
														<option value="25">25</option>
														<option value="50">50</option>
														<option value="100">100</option>
													</select>条</lable>
											</div>
											<div class="modal-footer no-margin-top" style="background-color:#ffffff;">
												<ul class="pagination pull-right no-margin">
													<li class="prev disabled">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-left"></i>
														</a>
													</li>

													<li class="active">
														<a href="#">1</a>
													</li>

													<li>
														<a href="#">2</a>
													</li>

													<li>
														<a href="#">3</a>
													</li>

													<li class="next">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-right"></i>
														</a>
													</li>
												</ul>
											</div>
										</div>
										<!--已发送-->
										<div class="buy-msg tab">

											<!--tab-->
											<table class='msg-tab table-hover'>
												<thead>
													<tr class="tab-header">
														<th class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</th>
														<th>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</th>
														<th>
															<span>发送时间</span>
														</th>
														<th>
															<span>发送对象</span>
														</th>
														<th>
															<span>短信内容</span>
														</th>
														<th>
															<span>成功</span>
														</th>
														<th>
															<span>失败</span>
														</th>
													</tr>
												</thead>
												<tbody class="xiaodi">
													<tr>

														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="low under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="low under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="low under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="under">
															<a href="">2</a>
														</td>
													</tr>
													<tr>
														<td class="center">
															<label class="pos-rel">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
														</td>
														<td>
															<i class="ace-icon glyphicon glyphicon-trash"></i>
														</td>
														<td>
															2016-11-21 22:00:00
														</td>
														<td>
															张三
														</td>
														<td>
															新年天气预报道：您将遇到金钱雨、幸福风、友谊雾、爱情露、健康霞、美…
														</td>
														<td class="under">1</td>
														<td class="under">
															<a href="">2</a>
														</td>
													</tr>
												</tbody>
											</table>
											<!--footer-->
											<div class="dataTables_length" id="dynamic-table_length" style='background-color:#ffffff; display:inline-block'>
												<lable><span>共三条，每页显示</span>
													<select name="dynamic-table_length" class="form-control input-sm" aria-controls="dynamic-table">
														<option value="10">10</option>
														<option value="25">25</option>
														<option value="50">50</option>
														<option value="100">100</option>
													</select>条</lable>
											</div>
											<div class="modal-footer no-margin-top" style="background-color:#ffffff;">
												<ul class="pagination pull-right no-margin">
													<li class="prev disabled">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-left"></i>
														</a>
													</li>

													<li class="active">
														<a href="#">1</a>
													</li>

													<li>
														<a href="#">2</a>
													</li>

													<li>
														<a href="#">3</a>
													</li>

													<li class="next">
														<a href="#">
															<i class="ace-icon fa fa-angle-double-right"></i>
														</a>
													</li>
												</ul>
											</div>
										</div>

										<!-- 到这结束 -->
										<!-- /.widget-main -->
									</div>
									<!-- /.widget-body -->
								</div>
							</div>
						</div>
						<!-- /.main-content -->

						<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
							<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
						</a>
					</div>

					<!-- /.main-container -->

					<!-- basic scripts -->

					<!--[if !IE]> -->
					<script src="../../assets/js/jquery-2.1.4.min.js"></script>

					<!-- <![endif]-->

					<!--[if IE]>
		<script src="../../assets/js/jquery-1.11.3.min.js"></script>
		<![endif]-->
					<script type="text/javascript">
						if('ontouchstart' in document.documentElement) document.write("<script src='../assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
					</script>
					<script src="../../assets/js/bootstrap.min.js"></script>

					<!-- page specific plugin scripts -->

					<!--[if lte IE 8]>
		<script src="../../assets/js/excanvas.min.js"></script>
		<![endif]-->
					<script src="../../assets/js/jquery-ui.custom.min.js"></script>
					<script src="../../assets/js/jquery.ui.touch-punch.min.js"></script>
					<script src="../../assets/js/jquery.easypiechart.min.js"></script>
					<script src="../../assets/js/jquery.sparkline.index.min.js"></script>
					<script src="../../assets/js/jquery.flot.min.js"></script>
					<script src="../../assets/js/jquery.flot.pie.min.js"></script>
					<script src="../../assets/js/jquery.flot.resize.min.js"></script>
					<script src="../../assets/js/bootbox.min.js"></script>
					<!--侧边js-->
					<script src="../../assets/js/jquery-1.11.3.min.js"></script>
					<script type="text/javascript">
						//tab切换
						$('.nav-duanxin li').click(function() {
							//console.log($(this));
							index = ($(this).index());
							$(this).addClass('active').siblings().removeClass('active');

							$(".tab").eq(index).addClass('active-tab').siblings().removeClass('active-tab');

							//console.log($(".tab"));

							//$("#box img").eq(index).fadeIn().siblings().fadeOut();
						});
						//侧边js
						$('.ce-nav li').mouseover(function() {
							//console.log($('ce-nav li'));
							index = ($(this).index());
							$('.cont-p p').eq(index).addClass('active-ce').siblings().removeClass('active-ce');

						});

						//点击显示删除符

						//全选
						//console.log($('.msg-tab > thead > tr > th input[type=checkbox]'))
						var active_class = 'active';
						var input1 = $('.msg-tab > thead > tr > th input[type=checkbox]');

						input1.on('click', function() {

							var th_checked = this.checked; //checkbox inside "TH" table header

							$(this).closest('table').find('tbody > tr').each(function() {
								var row = this;
								if(th_checked) $(row).addClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', true);
								else $(row).removeClass(active_class).find('input[type=checkbox]').eq(0).prop('checked', false);
							});
						});

						//select/deselect a row when the checkbox is checked/unchecked

						//				$('.tab-ys').on('click', 'td input[type=checkbox]', function() {
						//					var $row = $(this).closest('tr');
						//					if($row.is('.detail-row ')) return;
						//					if(this.checked) $row.addClass(active_class);
						//					else $row.removeClass(active_class);
						//				});
					</script>


	</body>

</html>